<script setup>
// 通过defineProps接收
// 接收传递进来的数据可以随意命名(通常命名成props 语义化)

// 通过defineEmits生成emit方法
const emit = defineEmits(['get-message'])

const sendMsg = () => {
  // 利用emit 发送事件
  // vue2  this.$emit()
  emit('get-message', '他不是个儿子了,她是个姑娘了, 嘤嘤嘤')
}
const props = defineProps({
  message: String
})
console.log(props.message);

const say = () => {
  console.log('我是个会说话的组件');
}
// 父组件如果想通过ref使用子组件的数据或者方法  得通过defineExpose
defineExpose({
  say
})
</script>

<template>
  <div class="son-page">son --{{ message }}</div>
  <button @click="sendMsg">发送信息</button>
</template>

<style scoped></style>
